<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/style-fit.css">
    <link rel="stylesheet" href="/css/article.css">

    <title>故事——关于我写这玩意</title>
</head>
<body>


    <page-header></page-header>

    <div class="block-spacer"></div>
    <div class="block-spacer"></div>
    <main>
        <article class="article">
            <h1 class="article-title">关于我写这玩意</h1>
            <h4 class="article-date">2023/12/1</h4>

            <div class="block-spacer"></div>
            <hr/>

            
            <p class="article-paragraph">为了使内容不那么空，我得多写一些字。就是说，希望今年可以变得更好，尽管现在已经是十二月了。</p>
            <p class="article-paragraph">Web课程的作业，说是做一个网站。<b>啊啊。</b></p>
            <blockquote class="article-blockquote">
                <p>不得不说，做网站我不很懂。</p>
                <footer>——洪某</footer>
            </blockquote>
            <p class="article-paragraph">唉，让我们来看些图片吧。</p>

            <h2 class="article-title-sub">01｜杜鹃</h2>
            <p class="article-paragraph">让我们看看下面这朵花：</p>
            <figure class="article-figure">
                <img
                    alt="杜鹃花"
                    src="https://ts1.cn.mm.bing.net/th?id=OIP-C.AOI88v8TvFyVKmc7eRezDAHaEo&w=185&h=185&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
                />
                <figcaption>杜鹃花</figcaption>
            </figure>
            <p class="article-paragraph">就是说，我觉着分辨率不怎样。</p>


            <h2 class="article-title-sub">02｜葵</h2>
            <p class="article-paragraph">再看看这朵：</p>
            <figure class="article-figure">
                <img
                    alt="向日葵"
                    src="https://tse4-mm.cn.bing.net/th/id/OIP-C.q5OGAAGruALWQboqz-ETpgHaEK?w=286&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"
                />
                <figcaption>向日葵</figcaption>
            </figure>
            <p class="article-paragraph">嘛，也没什么话好说的，就这样吧。</p>

        </article>
    </main>


    <page-footer></page-footer>


    <script src="/js/comopnent.js"></script>
    <script src="/js/style.js"></script>
</body>
</html>



